<!DOCTYPE html>
<!--[if lt IE 7]><html class="ie ie6" lang="zh-cn"><![endif]-->
<!--[if IE 7]><html class="ie ie7" lang="zh-cn"><![endif]-->
<!--[if IE 8]><html class="ie ie8" lang="zh-cn"><![endif]-->
<!--[if IE 9]><html class="ie ie9" lang="zh-cn"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html lang="zh-cn"><!--<![endif]-->
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="../css/rule.css">
</head>
<body>

<h2 class="rule_hd">注释规范</h2>
<div class="rule_cont">
    <!--S MD content -->
    <h3 id="html注释">HTML注释 </h3>
    <ul>
        <li>注释成对出现，以S和E分别表示注释的开始和结尾</li>
        <li>多状态的DOM结构，需要单独标明注释。</li>
        <li>临时维护别人代码时，尽可能加上原因和修改人</li>
    </ul>
    <p>如图：</p>
    <div class="figure">
        <img src="../images/rule/cmt_1.png" alt="HTML注释示意" /><p class="caption">HTML注释示意</p>
    </div>
    <h3 id="css注释">CSS注释 </h3>
    <ul>
        <li><p>普通注释：注释文字前后各加一个空格 <code>/* 注释 */</code></p>
        <img src="../images/rule/cmt_2.png" /></li>
        <li><p>如果一系列页面共用一个样式，则需要在样式中用注释分割清楚，注释的形式：<code>/* ==页面-{页面名称}== */</code></p>
        <div class="figure">
            <img src="../images/rule/cmt_3.png" />
        </div></li>
    </ul>
    <!--E MD content -->
</div>

</body>
</html>
